<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="js/jquery-3.6.0.min.js"></script>
</head>
<body>
<table border="1" bordercolor="green" bgcolor="pink"
       width="500px" height="300px" cellspacing="0" cellpadding="10px" align="center">
  <caption> <h2>演员信息表</h2> </caption>
  <thead>
  <tr>
    <th>
      <input id="inp" type="checkbox">
    </th>
    <th>学号</th>
    <th>姓名</th>
    <th>性别</th>
    <th>作品</th>
  </tr>
  </thead>
  <tbody>
  <tr align="center">
    <td>
      <input type="checkbox">
    </td>
    <td>1</td>
    <td>刘德华</td>
    <td>男</td>
    <td>忘情水</td>
  </tr>
  <tr align="center">
    <td>
      <input type="checkbox">
    </td>
    <td>2</td>
    <td>刘洋</td>
    <td>男</td>
    <td>Java之父</td>
  </tr>
  <tr align="left">
    <td>
      <input type="checkbox">
    </td>
    <td>3</td>
    <td>cxk</td>
    <td>男?</td>
    <td>唱、跳、rap、打篮球</td>
  </tr>
  <tr >
    <td>
      <input type="checkbox">
    </td>
    <td>4</td>
    <td align="right">马保国</td>
    <td>男</td>
    <td >
      <font color="red">闪电五连鞭</font>
    </td>
  </tr>
  </tbody>
</table>

<center>
  <div>
    <button id="m1">全选</button>
    <button id="m2">全不选</button>
    <button id="m3">反选</button>
  </div>
</center>
</body>
</html>

343
</body>
</html>
<script>
  // //给第一个复选框一个点击事件
  // $("#inp").click(function (){
  //   //获取自己的选中状态
  //   var b = $(this).prop("checked");
  //   // $("input:not(#inp)").prop("checked",b);
  //   $("input:gt(0)").prop("checked",!b);
  // })

  //全选
  $("#m1").click(function (){
    $("input:gt(0)").prop("checked",true);
  })
  //全不选
  $("#m2").click(function (){
    $("input:gt(0)").prop("checked",false);
  })
  $("#m3").click(function (){
    //获取每一行的选中状态
    $("input:gt(0)").each(function (){
      var prop = $(this).prop("checked");
      //取反
      $(this).prop("checked",!prop);
    })
  })

</script>

